<template>
    <div>
        <div class="brackets" v-for="(item,i) in str" :key="i">
            <span @click="$router.go(-1)" class="apiu"><</span>
           <span id="clonjer" class="name">{{item.names}}</span>
        </div>
    </div>
</template>

<script>
 import {getType} from '../api/classify' 

    export default {
       
        data(){
            return{
                str:[

                ]
            }
        },
        methods:{
            getTab(){
                getType().then(res=>{
                    this.str = res.data
                })
            }

        },
        mounted(){
            this.getTab()
        }
    }
</script>

<style scoped>

    .brackets{
       width: 100%;
       height: 8vh;
       border-bottom: 1px solid rgb(187, 189, 190) ;
       position: fixed;
       top:0;
       left: 0;
       background: #fff;
       z-index: 999; 
   }
    .apiu{
      line-height: 5vh;
       font-size: 3vh;
       padding:0 2vh;
   }
   #clonjer{
      padding-left: 20vh;
     line-height: 8vh;
   }
</style>